@charset 'utf-8';
@function r($px) {
    @return ($px/40) * 1rem;
}

@function half($px) {
    @return ($px/2) * 1px;
}

html,
body {
    header {
        padding: half(48) half(23) half(18);
        a {
            .Back {
                width: half(123);
                height: half(57);
                background-color: #ffffff;
                border-radius: half(20);
                border: solid 1px #ff9344;
                p {
                    font-size: half(26);
                    color: #000;
                    line-height: half(57);
                    text-align: center;
                }
            }
        }
        .classify {
            font-size: half(26);
            text-align: center;
            padding-top: half(16);
        }
        .envelope {
            padding-top: r(10);
            img {
                width: r(52);
            }
        }
    }
    section {
        .top_img {
            img {
                width: r(705);
                padding-left: r(22);
            }
        }
        .purchase {
            padding: half(30) half(22) half(51);
            div {
                span {
                    color: #ff9344;
                    font-size: half(72);
                }
            }
            button {
                width: r(111);
                height: half(59);
                background-color: #ff9344;
                border-radius: half(20);
                border: solid 1px #ff9344;
                font-size: half(30);
                color: #ffffff;
                margin-top: half(15);
            }
        }
        .comment {
            padding: half(0) half(42) half(36);
            div:first-child {
                * {
                    display: inline-block;
                    vertical-align: middle;
                }
                span {
                    font-size: half(30);
                    font-weight: bolder;
                }
                span:last-child {
                    color: #ff9344;
                }
            }
            div:last-of-type {
                span {
                    font-size: half(26);
                    color: #8e8e8e;
                }
            }
        }
        .fit {
            width: half(664);
            height: half(67);
            background-color: #ff9344;
            margin: 0 auto;
            span {
                color: #ffffff;
                font-size: half(30);
                line-height: half(67);
            }
        }
        .sushi {
            
            padding: half(9) half(43) half(0);
            >div:first-child {
//              position: relative;
                img {
//                  position: absolute;
                    width: half(176);
                    z-index: 1;
                }
                div{
//                  position: absolute;
                    width: half(176);
                    height: half(39);
                    background-color: #ffffff;
                    opacity: 0.67;
                    z-index: 2;
                    top: half(91);
                    font-size: half(24);
                    line-height: half(39);
                    text-align: center;
                }
            }
            >div:nth-of-type(2){
                margin-left: half(176);
                padding-top: half(13) ;
                padding-left: half(24);
                h3{
                    font-size: half(30);
                }
                div{
                    div{
                        img{
                            width: r(36);
                        }
                    }
                }
            }
        }
    }
}